<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>文本格式化属性</title>
		<!-- 文本格式化属性针对文本相关操作（四种方式10个属性）
		 1.0控制字体
		 2.0控制文本布局
		 3.0文本修饰效果
		 4.0处理效果
		 
		 -->
		 
		 <style>
			/**  错 */
			 /* 对 */
			 //错
			 <!--错 -->
			 
			 
		 /*     
		 css3语法；选择器{
			      属性； 属性值 ；
				  属性   属性值；
				  .......
		 }
		 叫法；一个样式
		 */
		body div#d1{
			corlor:#4488dd
			
			/* 知识点1  文本格式化属性控制字体 
			
			font-family:华文彩云,sans-serif;
			设置多个字体；浏览器会按照谁徐寻找可用字体
			通常与统配选择器使用 
			知识点2；文本格式化属性控制字体
			font-size;字体大小属性；与单位共存
			
			单位  px  像素   使用特点   绝对值   pc端
			em   相对单位    理解  倍数
			      使用特点     相对与元素 按照倍数方式，移动端
			用户体验 
			
		使用方法；配选择器搭配使用
			
	font-		
			
			color: blue*/
		    font-weight:900
		     font: size 2em;
		/* 补充 */
		}
		
		
		
		
			 
			 color:#e4393c;
		 }
		 #d1{   /*权值  100*/
			 color:#e15;
		 }
		 
		 /* 知识点4 */文本格式化属性控制文本格式
		 text-align:文本对其属性
		 text-align:left|right|center|justify:两端对齐
		 text-align  :justify;
/*


/* 知识点6   :letter-spacing:设置字符之间间隙
    知识点7      word-spacing:设置单词之间间隙
 */
 lett  er-spacing:10px;
  word-spacing:10px;
/* 
1.控制字体；font-family,dont-size,font-weight 
 2.控制文本布局；text-aglin,line
 
 
 
 */
 a.c1{ /*权值；11*/        } 
 /*知识点8 text-decoration   修饰超链接样式
  使用方法；与通府一起使用，设置全局页面超链接样式
  属性值 none
  text-decoration;line-though;
  知识点9 ；text-shadow  修饰文本阴影
  
  
  知识点10；
  
  
  
  
  */
 
 
 
 </style>
/*知识点5：文本格式化属性控制文本格式行高属性line-height：文本垂直效果使用方式、1.高度属性：属性值一致
2.在高度属性上加行高属性：属性值一致
		 
		 
		
	</head> 
	<body>
	<!-- 需求 创建div同时指定别名  添加假文【tab】
	  id选择器，   通过加权找到div,添加颜色
	 -->
	
	<div  id="d1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid fugiat, tempora cumque similique a nesciunt quibusdam. Earum sunt nemo error, beatae placeat ipsum ab. Accusamus enim rerum minima alias aperiam!</div>
	<hr>
	<h4>文本修饰效果</h4>
	<!-- 文本修饰相关属性 -->
	知识点7：text-decoration属性；设置超链接效果
	<a class="c1  c2" href="http://www.tsgzy.edu.cn">实时跳转【方式  6种】</a>
	
	
	
	
	
	</body>
</html>